<template>
 <el-table
    :data="tableData"
    stripe
     class="box">
    <el-table-column
      prop="name"
      label="电影"
      width="180">
    </el-table-column>
    <el-table-column
      prop="time"
      label="时长"
      width="180">
    </el-table-column>
    <el-table-column
      prop="dy"
      label="导演">
    </el-table-column>
     <el-table-column
      prop="actor"
      label="演员">
    </el-table-column>
  </el-table>
  </template>
  
  <style>
  .box{
  
    margin: auto;
    width: 50%;;
  }
  </style>

<script>
 export default {
        data() {
      return {
        tableData: [ {
          name: '狙击手',
          time: '96分钟',
          dy: '张艺谋',
          actor: '陈勇胜/章宇...'
        },{
          name: '这个杀手不太冷静',
          time: '109分钟',
          dy: '邢文雄',
          actor: '马丽/魏翔...'
        },{
          name: '中国机长',
          time: '111分钟',
          dy: '刘伟强',
          actor: '张涵予/欧豪...'
        },{
          name: '长津湖之水门桥',
          time: '149分钟',
          dy: '徐克',
          actor: '吴京/易烊千玺...'
        },]
      }
    }
    }
</script>